<template>


	<view>
		<view>
						<swiper class="swiper" circular :indicator-dots="true" :autoplay="true" >
							<swiper-item>
								<image src="../../static/09.jpg" style="width: 100%;"></image>
							</swiper-item>
							<swiper-item>
								<image src="../../static/10.jpg" style="width: 100%;"></image>
							</swiper-item>
							<swiper-item>
								<image src="../../static/07.jpg" style="width: 100%;"></image>
							</swiper-item>
						</swiper>		
		</view>
		<!-- <view><text>我们将为您智能规划旅行线路</text></view> -->
		<!-- <view><button type="default"  @click="getArea">开始行程制定</button></view> -->
		
					<!-- <view class="example-body">
						<button  @click="showDrawer('showRight')"><text class="word-btn-white">开始定制我的行程</text>
						</button>
						<uni-drawer ref="showRight" mode="left" :mask-click="false" @change="change($event,'showRight')">
							<view class="scroll-view">
								<scroll-view class="scroll-view-box" scroll-y="true">
									<view class="info">
										<text class="info-text">右侧遮罩只能通过按钮关闭，不能通过点击遮罩关闭</text>
									</view>
									<view class="close">
										<button @click="closeDrawer('showRight')"><text class="word-btn-white">关闭Drawer</text></button>
									</view>
									<view class="info-content" v-for="item in 100" :key="item">
										<text>可滚动内容 {{item}}</text>
									</view>
									<view class="close">
										<button  @click="closeDrawer('showRight')"><text class="word-btn-white">关闭Drawer</text></button>
									</view>
								</scroll-view>
							</view>
						</uni-drawer>
					</view>
			 -->
			<view class="example-body">
				<navigator url="../pathxjlx/pathxjlx">
					<view class="ab">制定旅行</view>
					</navigator>
				<navigator url="../pathlx/pathlx">
				<view class="abc">我的旅行</view>
				</navigator>
				<!-- <navigator url="../pathxjlx/pathxjlx">
					<button ><text class="word-btn-white">新建旅途</text>
				</button>
				</navigator>
				
				<navigator url="../pathlx/pathlx">
					<button ><text class="word-btn-white">我的旅途</text></button>
					</navigator>
				
				 -->
				<!-- <uni-drawer ref="showLeft" mode="left" :width="220" @change="change($event,'showLeft')">
					<view class="close">
						<!-- <button @click="closeDrawer('showLeft')"><text class="word-btn-white">关闭Drawer</text></button> -->
						<!-- <text>选择城市</text>
						<uni-indexed-list :options="list" :show-select="false" @click="bindClick" />
					</view>
				</uni-drawer> --> 
			</view>
		
		<view style="height: 40px;line-height: 40px;"><text class="bbb">❤热门地点推荐</text></view>
		<view class="aaa">
			
				<!-- <uni-section v-for="(item,index) in rm"  :key="index"> -->
					<uni-card  v-for="item in rm"  :key="item.id" :title='item.name' :extra='item.city' @click="tz(item.id)">
					<image :src='item.pictureUrl' style="width: 100%;"></image> 
				<text class="uni-body">{{item.description}}</text>
					</uni-card>
					<!-- </uni-section>  -->
					
				
				
				
			<!-- <navigator url="../pathxq/pathxq"> -->
				
			<!-- </navigator> -->
          <!-- <navigator url="../pathxqq/pathxqq">
				<uni-card title="丽江古城" extra="邂逅人间烟火">
					<image src="../../static/04.jpg" style="width: 100%;"></image>
					<text class="uni-body">丽江古城位于云南省丽江市古城区，又名大研镇...</text>
				</uni-card>
			</navigator>
			<navigator url="../pathxq/pathxq">
				<uni-card title="大理" extra="风花雪月">
					<image src="../../static/01.jpg" style="width: 100%;"></image>
					<text class="uni-body">来大理看风花雪月，吹下关风，看上关花，看苍山雪，赏洱海月。</text>
				</uni-card>
			</navigator>
			<navigator url="../pathxq/pathxq">
				<uni-card title="大理" extra="风花雪月">
					<image src="../../static/01.jpg" style="width: 100%;"></image>
					<text class="uni-body">来大理看风花雪月，吹下关风，看上关花，看苍山雪，赏洱海月。</text>
				</uni-card>
			</navigator>
			<navigator url="../pathxq/pathxq">
				<uni-card title="大理" extra="风花雪月">
					<image src="../../static/01.jpg" style="width: 100%;"></image>
					<text class="uni-body">来大理看风花雪月，吹下关风，看上关花，看苍山雪，赏洱海月。</text>
				</uni-card>
			</navigator>
			<navigator url="../pathxq/pathxq">
				<uni-card title="大理" extra="风花雪月">
					<image src="../../static/01.jpg" style="width: 100%;"></image>
					<text class="uni-body">来大理看风花雪月，吹下关风，看上关花，看苍山雪，赏洱海月。</text>
				</uni-card>
			</navigator>
			
			<navigator url="../pathxq/pathxq">
				<uni-card title="大理" extra="风花雪月">
					<image src="../../static/01.jpg" style="width: 100%;"></image>
					<text class="uni-body">来大理看风花雪月，吹下关风，看上关花，看苍山雪，赏洱海月。</text>
				</uni-card>
			</navigator> -->
		</view>

	</view>

</template>

<script>
	// import airport from '@/common/airport.js'
	export default {
		
		data() {
			return {
				rm:[]
				// rm:[
				// 	{"name":"大理古城",
				// 	"xx":"风花雪月呀",
				// 	"img":"../../static/04.jpg",
				// 	"text":"快来和我一起看洱海的月亮吧",
				// 	"url":"../pathxq/pathxq"
				// 	},
					
				// 	{"name":"大理古城",
				// 	"xx":"风花雪月呀",
				// 	"img":"../../static/04.jpg",
				// 	"text":"快来和我一起看洱海的月亮吧",
				// 	"url":"../pathxq/pathxq"
				// 	},
				// 	{"name":"大理古城",
				// 	"xx":"风花雪月呀",
				// 	"img":"../../static/04.jpg",
				// 	"text":"快来和我一起看洱海的月亮吧",
				// 	"url":"../pathxq/pathxq"
				// 	},
				// 	{"name":"大理古城",
				// 	"xx":"风花雪月呀",
				// 	"img":"../../static/04.jpg",
				// 	"text":"快来和我一起看洱海的月亮吧",
				// 	"url":"../pathxq/pathxq"
				// 	},
					
				// ]
                	}
		},
		methods: {
			tz(id){
				console.log(id)
				uni.navigateTo({
					url:'../pathxq/pathxq?id='+id,
					fail(res) {
						console.log(res)
					}
				})
			}
				
		},
		onLoad() {
			uni.request({
				// url:'http://124.222.99.220:8988/serviceinterestpoint/interest-interest/findAll',
				// url:'http://124.223.164.252:8848/nacos/serviceinterestpoint/interest-interest/findAll',
				url:'http://microtourism.natapp1.cc/serviceinterestpoint/interest-interest/findAll',
					method: 'GET',
				
				
					success: (res) => {
						// this.rm = res.data.data
						console.log('123')
						console.log(res.data.data)
						this.rm=res.data.data
					},
					fail: (err) => {
						console.log(err)
					}
				
			})
			
		} 
	}
</script>

<style>
	page{
		/* background-image: url('../../static/17.jpg'); */
	}
	.swiper{
		height: 400rpx;
	}
.aaa{
	
	/* background-color:#ffffff; */
}
.bbb{
	font-size: 35rpx;
	padding-left: 15px;
	color: #99ccff;
	
	
}
  .example-body {
	
	background-color: #ffffff;
	text-align: center;
	line-height: 50px;
	font-size: 35rpx;
}
.scroll-view {
	/* #ifndef APP-NVUE */
	width: 100%;
	height: 100%;
	/* #endif */
	flex:1
} 
// 处理抽屉内容滚动
.scroll-view-box {
	flex: 1;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.info {
	padding: 15px;
	color: #666;
}

.info-text {
	font-size: 14px;
	color: #666;
}
.info-content {
	padding: 5px 15px;
}
.close {
	padding: 10px;
} 
.ab{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #eee;
	
	
}
.abc{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #eee;
}
/* .uni-body{
	white-space: nowrap;
	overflow: hidden;
	
} */
</style>



